<template>
  <div>
    <van-nav-bar
      title="帮助中心"
      left-text="返回"
      left-arrow
      @click-left="onClickLeft"
      bind:click-left="onClickLeft"
    />

    <van-collapse v-model="activeName" accordion class="help-collapse">
      <van-collapse-item title="账号相关" name="1">
        <span id="s1">如何修改昵称</span><br>
        <span>点击个人中心_个人资料，修改新昵称，提交后等待审核，正常时间24小时内审核完毕</span>
      </van-collapse-item>
      <van-collapse-item title="积分收支相关" name="2">
        <span id="s1">在哪里查看积分余额？</span><br>
        <span>点击个人中心_我的积分，即可查看积分余额</span><br>
      </van-collapse-item>
      <van-collapse-item title="积分兑换相关" name="3">
        <span id="s1">在哪里查看兑换记录</span><br>
        <span>点击个人中心_我的积分，即可查看兑换记录</span><br><br>
        <span id="s1">积分兑换规则</span><br>
        <span>积分兑换商品金额以实际支付金额为准, 积分兑换商品不支持退货, 请谨慎选择</span><br>
      </van-collapse-item>
      <van-collapse-item title="订单相关" name="4">
        <span id="s1">订单未支付时取消</span><br>
        <span>如果您提交了订单但尚未支付，一般可以在 “我的订单” 中找到该订单，然后点击 “取消订单” 按钮即可轻松取消</span>
      </van-collapse-item>
    </van-collapse>


  </div>
</template>

<script>
import {Toast} from "vant";

export default {
  data() {
    return {
      activeName: '1'
    }
  },
  methods: {
    onClickLeft() {
      Toast('返回');
      //返回上一个页面
      this.$router.go(-1);
    },
  },
  created() {
  }
}
</script>

<style>
.help-collapse {
  text-align: left;
}

#s1 {
  font-size: 16px;
}
</style>
